<template>
  <div class="blog-container">
    <Layout>
      <!-- 主区域 -->
      <BlogList />
      <!-- 右边栏 -->
      <template #right>
        <BlogCate />
      </template>
    </Layout>
  </div>

</template>

<script>
import RightList from './components/RightList.vue';
import BlogCate from './components/BlogCate.vue';
import BlogList from './components/BlogList.vue';
import Layout from '@/components/Layout';

export default {
  components: {
    RightList,
    Layout,
    BlogList,
    BlogCate,
  },
  data() {
    return {
      list: [
        { name: "1无", isSelect: false },
        {
          name: "1无敌", isSelect: false, children: [
            {
              name: "AAA建材王总", isSelect: true, children: [
                { name: "3秘书小美", isSelect: false },
                { name: "3财务小吴", isSelect: true }
              ]
            },
            { name: "BBB板材李总", isSelect: false },
            { name: "CCC食堂张总", isSelect: false },
          ]
        },
        { name: "1无敌猴", isSelect: false },
        { name: "1无敌猴子", isSelect: true },
      ]
    }
  },
  methods: {
    handleSelect(item) {
      console.log(item)
    }
  }
}
</script>

<style lang="less" scoped>
.blog-container {
  height: 100%;
}
</style>